@import url('/static/shop/css/prettyPhoto.css') screen;
.detail_left{
	float:left;
	width:790px;
	padding:0;
	margin:0;
	display:block;
	/*background:#0CF*/
}
.detail_right{
	float:left;
	width:160px;
	margin:0 0 0 10px;
	padding:0;
	display:block;
	/*background:#0033CC;*/
}
/*------------------BOX-----------------------*/
.detail_box{
	margin:0 0 10px 0;
	border:1px solid #ccc;
	border-radius: 5px;
	position:relative
}
.product{
	padding:5px
}
.image{
	position:relative;
	width:420px;
	height:431px;
	float:left;
	display:block;
	background:url('/static/shop/images/image_bg_420.png') no-repeat left bottom
}
.image:hover .infotip, .image:hover .blur{
	visibility:visible
}
.image img{
	border:1px solid #b4b4b4;
}
.blur{
	visibility:hidden;
	width:422px;
	height:422px;
	position:absolute;
	z-index:888;
	background:url('/static/shop/images/transparent_bg.png');
}
.infotip{
	visibility:hidden;
	width:420px;
	position:absolute;
	top:50%;
	text-align:center;
	z-index:999
}
.infotip span{
	padding:10px;
	background:#222;
	border-radius: 24px;
	-moz-box-shadow: 0 0 5px 5px #888;
	-webkit-box-shadow: 0 0 5px 5px#888;
	box-shadow: 0 0 5px 5px #888;
}
.infotip a{
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}
.base_info{
	float:right;
	width:340px;
	display:block;
	padding:10px 0;
	font-family: Verdana, Geneva, sans-serif
	/*background:#09C*/
}
.base_info ul li{
	margin-bottom:10px;
	padding-left:100px;
	color:#666;
}
.base_info ul li label{
	margin:0 10px 0 -100px;
	float:left;
	font-size:11px;
	font-weight:bold
}
.base_info ul li b{
	color:#C00;
}
.base_info ul li p{
	line-height:24px
}
.base_info small{
	font-size:11px;
	color:#06C
}
.base_info ul li.small, .base_info ul li u{
	font-size:11px;
	padding-bottom:2px;
	border-bottom:1px dashed #f2f2f2;
	text-decoration:none
}
.base_info ul li.small label{
	margin-left:-80px;
	font-weight:normal
}
ul.sparam{
	margin:10px 0
}
ul.sparam li.small{
	padding-left:140px;
	margin-bottom:2px
}
ul.sparam li.small label{
	margin-left:-140px;
	float:left
}
.base_info ul li.small small, .base_info ul li u{
	font-size:10px;
	color:#090;
	margin-left:10px
}
.base_info ul li u{
	background:url('/static/shop/images/savings.png') no-repeat left;
	padding-left:20px;
}
div.promotion{
	padding:7px;
	border:1px dashed #FF9900;
	color:#666;
	font-size:11px;
	background:url('/static/shop/images/bug_sale.png') no-repeat left top;
	border-radius: 4px;
}
div.promotion p{
	text-align:center;
	padding:5px;
	font-size:12px;
	font-weight:bold
}
p.summary{
	margin:10px 0;
	line-height:18px
}
span.free{
	color:#F00
}
/****************ICON TITLE**********************/
.detail_box h4.small{
	font-weight:600;
	text-transform:none
}
.detail_box h4 span, div.search{
	float:right;
	margin:5px 5px 0 0;
	text-align:center;
	border-radius: 5px 5px 5px 5px;
}
.detail_box h4 span a{
	display:block;
	width:20px;
	height:20px;
	border-color: #DDDDDD #AAAAAA #AAAAAA #DDDDDD;
    border-radius: 5px 5px 5px 5px;
    border-style: solid;
    border-width: 1px;
}
.detail_box h4 span:hover{
	background:#fff
}
div.search{
	margin-top:0
}
div.search input#searchuid{
	padding:2px;
	width:100px;
	height:20px;
	border:1px solid #ccc;
	
}
a#error{
	background:url('/static/shop/images/icons.png') no-repeat 3px -265px transparent;
}
a#delete{
	background:url('/static/shop/images/icons.png') no-repeat 3px -323px transparent;
}
a#edit{
	background:url('/static/shop/images/icons.png') no-repeat 2px -294px transparent;
}
a.delete-cart{
	background:url('/static/shop/images/delete-cart.png') no-repeat 2px transparent;
}
a.icon_view_more{
	background:url('/static/shop/images/icons.png') no-repeat -26px -153px transparent;
}
/*----------------------------TABS CONTENTS---------------------------------------*/
ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	cursor: pointer;
	padding: 0px 21px ;
	height: 31px;
	line-height: 31px;
	border: 1px solid #ddd;
	border-left: none;
	font-weight: bold;
	background:url('/static/shop/images/gradient-b.png') repeat-x bottom;
	overflow: hidden;
	position: relative;
}
ul.tabs li:hover {
	background: url('/static/shop/images/pdp_social_links_bg.png') repeat-x bottom;
}	
ul.tabs li.active{
	background: #fff;
	border-bottom: 1px solid #fff;
}
ul.tabs li a{
	text-decoration:none;
	color:#666
}
.tab_container {
	border: 1px solid #ddd;
	border-top: none;
	clear: both;
	float: left; 
	width: 100%;
}
.tab_content {
	padding: 5px;
	display: none;
}
.detail{
	line-height:20px
}
.detail img.center{
	display:block;
	margin:5px auto 5px auto;
	cursor:pointer;
	padding:5px;
	border:1px solid #f2f2f2
}
/*--------------------DIV-TABLE---------------------*/
.color{
	background:#fff;
	border-top:none
}
.col_center{
	text-align:center;
	width:auto;
	color:#666
}
.col_right{
	width:140px;
	white-space:nowrap;
	text-align:right
}
.col_right b{
	color:#C00;
}
.col_right small{
	color:#999
}
.col_avatar{
	width:48px;
	text-align:center
}
.col_avatar img{
	padding:2px;
	border:1px solid #f2f2f2
}
.shop_info{
	width:300px;
}
.shop_info p, .col_right p, .div-table-col-end p{
	margin-bottom:5px;
}
.shop_info b{
	color:#C30;
	font-size:11px
}
.shop_info a{
	font-weight:bold;
	color:#066
}
.shop_info a:hover{
	text-decoration:none;
	color:#F00
}
.shop_info .small{
	font-size:10px;
	color:#999;
}
.col_comment{
	font-size:11px;
	color:#999;
	text-align:center;
}
blockquote.style{
	font: 14px/20px italic Times, serif;
	padding: 8px;
	margin: 5px;
	background-image: url('/static/shop/images/openquote.gif') no-repeat top left;
	text-indent: 23px;
}
blockquote.style span {
	display: block;
	background: url('/static/shop/images/closequote.gif') no-repeat bottom right;
}
/*
Name:			mod_zoominner
Level:			Function
Last Modify:	Pony
*/
.zoominner { padding: 5px 10px 10px; background: #fff; text-align: left; }
.zoominner p { padding: 8px 0; }
.zoominner p a { float: left; margin-left: 10px; width: 17px; height: 17px; background: url('/static/image/common/imgzoom_tb.gif') no-repeat 0 0; line-height: 100px; overflow: hidden; }
.zoominner p a:hover { background-position: 0 -39px; }
.zoominner p a.imgadjust { background-position: -40px 0; }
.zoominner p a.imgadjust:hover { background-position: -40px -39px; }
.zoominner p a.imgclose { background-position: -80px 0; }
.zoominner p a.imgclose:hover { background-position: -80px -39px; }
/*------------------------PRODUCT PROPERTY-------------------------------*/
.property{
	border:1px solid #dfdfdf;
	border-width:1px 1px 0 1px
}
.box-text{
	padding: 0px 10px;
	border-bottom: 1px solid #cddde6;
}
.left-pro{
	float: left;
	display: block;
	width: 20%;
	padding-right: 20px;
	border-right: 1px solid #dfdfdf;
	padding: 7px 10px;
	text-align: left;
}
.right-pro{
	float: left;
	display: block;
	width: 72%;
	border-left: 1px solid #dfdfdf;
	padding: 7px 10px;
	margin-left: -1px;
	padding-left: 20px;
	font-weight: bold;
	text-align: left;
}
.in_category{
	padding:5px 0 0 15px
}
.same_shop{
	padding-left:2px
}
.col-pro{
	padding: 8px 1px 8px 1px;
}
/***********MORE LESS***************/
span.less{display:none;}
span.less img, span.more img{
	margin-left:5px
}
span.less img{
	vertical-align:middle
}
ul.more_less li.show_more_less{
	text-align:center;
	font-size:12px;
	color:#999;
	cursor:pointer;
	padding:2px 0 2px 0
}
/***********************************/
p.renew{
	font-size:10px;
	white-space:nowrap;
	color:#999;
	margin-top:5px
}
/*******************COMMENTS****************/
.p_comments{
	margin:5px 0 10px 0;
	padding:0;
}
ul.toolbar{
	margin-bottom:10px
}
ul.toolbar li{
	display:inline;
	margin-right:5px;
	padding:3px 0 3px 0;
	color:#999;
	font-size:11px;
}
ul.toolbar li.like i{
	background-image: url('/static/shop/images/facebook_icon.png');
    background-position: 0 -52px;
    background-repeat: no-repeat;
    background-size: auto auto;
    display: inline-block;
    height: 14px;
    width: 15px;
}
ul.toolbar li.lcomment i{
	background-image: url('/static/shop/images/facebook_icons.png');
    background-position: -80px -45px;
    background-repeat: no-repeat;
    background-size: auto auto;
    display: inline-block;
    height: 16px;
    width: 18px;
}
ul.toolbar li.share i{
	background-image: url('/static/shop/images/facebook_icons.png');
    background-position: -36px -76px;
    background-repeat: no-repeat;
    background-size: auto auto;
    display: inline-block;
    height: 14px;
    width: 16px;
}
ul.toolbar li.lastupdate i{
	background-image: url('/static/shop/images/facebook_icons.png');
    background-position: -202px -107px;
    background-repeat: no-repeat;
    background-size: auto auto;
    display: inline-block;
    height: 14px;
    width: 16px;
}
ul.toolbar li.visit i{
	background-image: url('/static/shop/images/facebook_icons.png');
    background-position: -232px -107px;
    background-repeat: no-repeat;
    background-size: auto auto;
    display: inline-block;
    height: 14px;
    width: 16px;
}
ul.toolbar li i{
	vertical-align:bottom
}
ul.toolbar li a{
	cursor:pointer;
	color:#6D84B4;
	padding-left:2px
}
i.arrowup{
	background-image: url('/static/shop/images/facebook_arrow_up.png');
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: auto auto;
    display: block;
    height: 5px;
    margin-left: 17px;
    width: 9px;
}
dl.totalpc, dl.totallike{
	padding:5px;
}
dl.totallike a{
	background: url('/static/shop/images/icon_like.png') no-repeat left 9px;
	color:#111;
	font-size:10px;
	padding:10px 0 0 20px;
	color:#3B5998
}
dl.totalpc a{
	background:url('/static/image/common/ico_commet.png') no-repeat left bottom;
	color:#111;
	font-size:10px;
	padding:10px 0 0 20px;
	color:#3B5998
}
.hcmd {
    margin-left: 10px;
    margin-top: 10px;
    padding: 5px;
    position: relative;
    width: 760px;
}
.cmt {
    background: none repeat scroll 0 0 #F0F2F7;
    border: 1px solid #EAEAEA;
    margin: 0;
    padding: 3px;
}
.cmt form {
    margin-top: 5px;
}
.cmt input, .cmt button {
    vertical-align: middle;
}
.cmt .pts {
    margin:0;
	padding:5px 2px 5px 2px;
    width: 670px;
	border:1px solid #ccc
}
.cmt .avt img {
    height: 30px;
    width: 30px;
}
.cmt .tri {
    background: url("/static/image/common/cmt_ico.png") no-repeat scroll 0 0 transparent;
    height: 13px;
    margin: 10px 0 -23px;
    width: 19px;
}
.cmt .xlda dl {
    padding-left: 40px;
}
.cmt .xlda .m {
    margin-left: -40px;
}
.cmt .avt img {
    height: 30px;
    width: 30px;
}
.cmt .pg a, .cmt .pg strong {
    background-color: transparent;
}
.cmt .pg a {
    border-color: #F2F2F2;
}
.cmt .pg a:hover {
    border-color: #CCCCCC;
}
.cmt .smile{
	float:left;
	width:30px
}
.cmt #return_formcomment{
	display:none
}
.mbn {
    margin-bottom: 5px !important;
}
.avt img {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #F2F2F2 #CDCDCD #CDCDCD #F2F2F2;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    height: 48px;
    padding: 2px;
    width: 48px;
}
.avtm img {
    height: auto;
    width: 120px;
}
.avts img {
    height: 24px;
    vertical-align: middle;
    width: 24px;
}
/*********************Shoper infomation**************************/
.detail_box .medal{
	position:absolute;
	top:-16px;
	right:-15px;
	font-weight:bold;
	font-size:16px;
	color:#F00;
	width:37px;
	height:52px;
	text-align:center;
	padding-top:6px;
	background:url('/static/shop/images/medal_icon.png') no-repeat center top
}
.shoper, .boxbuy{
	margin:5px
}
.shoper em{
	font-size:10px;
	color:#999;
	padding:5px 0 5px 20px;
	background:url('/static/shop/images/store_16.png') no-repeat left
}
.shoper h5{
	font-weight:bold;
	font-size:11px;
	margin:7px 0 10px 0
}
.shoper h5.payment{
	background:url('/static/shop/images/emblem-money.png') no-repeat left;
	padding:5px 0 0 20px
}
.shoper li{
	padding-bottom:10px;
	color:#666
}
a.map{
	background: url('/static/shop/images/icon_map.gif') no-repeat left;
	padding-left:13px;
	font-size:11px;
	text-decoration:underline
}
.shoper li.address{
	line-height:18px
}
.shoper li.phone{
	background:url('/static/shop/images/icon_phone.gif') no-repeat left top;
	padding-left:20px;
}
.shoper li.mobile{
	background:url('/static/shop/images/icon_mobile.gif') no-repeat left top;
	padding-left:20px;
}
.shoper li.master{
	background:url('/static/shop/images/user.png') no-repeat left top;
	padding-left:20px;
	font-weight:bold
}
.shoper li.bankName{
	background:url('/static/shop/images/bank.png') no-repeat left top;
	padding-left:20px;
}
.shoper li.bankUser{
	background:url('/static/shop/images/bankUser.png') no-repeat left top;
	padding-left:20px;
}
.shoper li.bankNumber{
	background:url('/static/shop/images/bankNumber.png') no-repeat left top;
	padding-left:20px;
}
.shoper li.img{
	text-align:center
}
.shoper li.img img{
	padding:2px;
	border:1px solid #f4f4f4
}
.shoper ul.inline{
	margin:5px 0 5px 0
}
.shoper ul.inline li{
	display:inline;
	text-align:center;
}
.shoper ul.inline a{
	border:1px solid #0081A4;
	border-radius: 5px;
	padding:2px;
	color:#F00;
	font-size:9px;
}
ul.inline a.add_friend{
	background:#f4f4f4 url('/static/shop/images/add.png') no-repeat 1px;
	padding-left:11px
}
ul.inline a.messenge{
	background:#f4f4f4 url('/static/shop/images/messenge.png') no-repeat 2px;
	padding-left:13px
}
ul.inline a.chat{
	background:#f4f4f4 url('/static/shop/images/chat.png') no-repeat 2px;
	padding-left:15px
}
.boxbuy ul li.price{
	padding-bottom:5px;
	border-bottom: 1px solid #F1F1F1;
	margin-bottom:10px;
}
.boxbuy ul li.price p{
	margin-bottom:10px;
	text-decoration:underline
}
.boxbuy ul li.price span{
	font-weight:bold;
	color:#FF9900;
	font-size:14px;
}
/*****************NUMBER UP & DOWN***************/
div.text-quantity{
	float:left;
	font-weight:bold;
	line-height:30px;
	margin-right:15px
}
div.quantity{
	color: #333333;
    float: left;
    padding: 0;
    text-align: center;
    width: 66px;
	height:40px
}
div.quantity input.q{
    border: 1px solid #E0E0E0;
    float: left;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    margin-right: 5px;
    text-align: center;
    width: 40px;
}
div.quantity a{
	text-decoration:none;
	background-color: #EFEFEF;
    border: 1px solid #E0E0E0;
    color: #807F7F;
    float: left;
    font-size: 10px;
    font-weight: bold;
    line-height: 4px;
    margin-bottom: 4px;
    padding: 4px 2px;
    width: 8px;
}
a.addcart{
	display:block;
	color:#F30
}
/*************************LIST LIKE*****************************/
ul.listlike li{
	display:block;
	margin-bottom:5px;
	position:relative;
	font-size:12px;
	color:#666
}
ul.listlike li img{
	float:left;
	margin:5px 10px 0 0;
	border:1px solid #f2f2f2;
	padding:2px
}
ul.listlike li h5{
	font-weight:bold;
	color:#336699;
	margin:0;
}
ul.listlike li p{
	margin:0;
	padding:0;
	line-height:16px;
	font-size:10px
}














